<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns:th="http://www.thymeleaf.org"> 
<head>
<title>我的订单</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.">
<link rel="stylesheet" href="lib/weui.min.css">
<link rel="stylesheet" href="css/jquery-weui.css">
<link rel="stylesheet" href="css/style.css">
<body>
 <header class="wy-header" style="position:fixed; top:0; left:0; right:0; z-index:200;">
  <div class="wy-header-icon-back" onclick="back();"><span></span></div>
  <div class="wy-header-title">订单管理</div>
 </header>
 <div class='weui-content'>
   <div class="weui-tab">
 	<div class="weui-navbar" style="position:fixed; top:44px; left:0; right:0; height:44px; background:#fff;">
      <a class="weui-navbar__item proinfo-tab-tit font-14 weui-bar__item--on" href="#tab1">全部</a>
      <a class="weui-navbar__item proinfo-tab-tit font-14" href="#tab2">待付款</a>
      <a class="weui-navbar__item proinfo-tab-tit font-14" href="#tab3">待发货</a>
      <a class="weui-navbar__item proinfo-tab-tit font-14" href="#tab4">已发货</a>
      <a class="weui-navbar__item proinfo-tab-tit font-14" href="#tab5">待评价</a>
    </div>
       <div class="weui-tab__bd proinfo-tab-con" style="padding-top:87px;">

           <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
        <div class="weui-panel weui-panel_access" th:each="lists:${list}">
          <div class="weui-panel__hd"><span th:text="${lists.orderId}"></span><span class="ord-status-txt-ts fr" th:text="${lists.orderState}"></span></div>
          <div class="weui-media-box__bd  pd-10">
            <div class="weui-media-box_appmsg ord-pro-list" th:each="list2:${lists.goods}">
              <div class="weui-media-box__hd"><a href="pro_info.html" th:each="listimg:${list2.images}"><img class="weui-media-box__thumb" th:src="${listimg.path}" alt=""></a></div>
              <div class="weui-media-box__bd">
                <h1 class="weui-media-box__desc"><a href="pro_info.html" class="ord-pro-link"><span th:text="${list2.goodsName}"></span></a></h1>
                <p class="weui-media-box__desc">规格：<span th:text="${list2.model}"></span></p>
                <div class="clear mg-t-10">
                  <div class="wy-pro-pri fl">¥<em class="num font-15"th:text="${list2.price}"></em></div>
                  <div class="pro-amount fr"><span class="font-13">数量×<em class="name" th:text="${lists.orderNum}"></em></span></div>
                </div>
              </div>
            </div>
          </div>
            <div class="ord-statistics">
                <span>共<em class="num" th:text="${lists.orderNum}"></em >件商品，</span>
                <span class="wy-pro-pri">总金额：¥<em class="num font-15" th:text="${lists.allPrice}"></em></span>
                <span>(含运费<b>￥0.00</b>)</span>
            </div>
            <div class="weui-panel__ft">
                <div class="weui-cell weui-cell_access weui-cell_link oder-opt-btnbox">
                    <div th:if="${lists.orderState=='待付款'}"><a  th:href="@{/deleone_order(orderId=${lists.orderId})}" class="ords-btn-dele">删除订单</a><a th:href="@{/paythis_order(orderId=${lists.orderId})}" class="ords-btn-com">去付款</a></div>
                    <div th:if="${lists.orderState=='已付款'}"></div>
                    <div th:if="${lists.orderState=='已发货'}"><a th:href="@{/changeOne.htm(orderId=${lists.orderId})}" class="ords-btn-com receipt">确认收货</a></div>
                    <div th:if="${lists.orderState=='待评价'}"><a th:href="@{/evaleateF.htm(id=${lists.id})}"class="ords-btn-com">去评价</a></div>
                </div>
            </div>
        </div>
       </div>
           <div id="tab2" class="weui-tab__bd-item">
               <div class="weui-panel weui-panel_access" th:each="listOne1:${listOne}">
                   <div class="weui-panel__hd"><span th:text="${listOne1.orderId}"></span><span class="ord-status-txt-ts fr" th:text="${listOne1.orderState}"></span></div>
                   <div class="weui-media-box__bd  pd-10">
                       <div class="weui-media-box_appmsg ord-pro-list" th:each="list11:${listOne1.goods}">
                           <div class="weui-media-box__hd"><a href="pro_info.html" th:each="listimg1:${list11.images}"><img class="weui-media-box__thumb" th:src="${listimg1.path}" alt=""></a></div>
                           <div class="weui-media-box__bd">
                               <h1 class="weui-media-box__desc"><a href="pro_info.html" class="ord-pro-link"><span th:text="${list11.goodsName}"></span></a></h1>
                               <p class="weui-media-box__desc">规格：<span th:text="${list11.model}"></span></p>
                               <div class="clear mg-t-10">
                                   <div class="wy-pro-pri fl">¥<em class="num font-15" th:text="${list11.price}"></em></div>
                                   <div class="pro-amount fr"><span class="font-13">数量×<em class="name" th:text="${listOne1.orderNum}"></em></span></div>
                               </div>
                           </div>
                       </div>
                   </div>
                   <div class="ord-statistics">
                       <span>共<em class="num" th:text="${listOne1.orderNum}"></em>件商品，</span>
                       <span class="wy-pro-pri">总金额：¥<em class="num font-15" th:text="${listOne1.allPrice}"></em></span>
                       <span>(含运费<b>￥0.00</b>)</span>
                   </div>
                   <div class="weui-panel__ft">
                       <div class="weui-cell weui-cell_access weui-cell_link oder-opt-btnbox">
                           <a th:href="@{/deleone_order(orderId=${listOne1.orderId})}" class="ords-btn-dele">删除订单</a><a th:href="@{/paythis_order(orderId=${listOne1.orderId})}" class="ords-btn-com">去付款</a>
                       </div>
                   </div>
               </div>
           </div>
           <div id="tab3" class="weui-tab__bd-item">
      <div class="weui-panel weui-panel_access" th:each="listTwo1:${listTwo}">
          <div class="weui-panel__hd"><span th:text="${listTwo1.orderId}"></span><span class="ord-status-txt-ts fr" th:text="${listTwo1.orderState}"></span></div>
          <div class="weui-media-box__bd  pd-10">
            <div class="weui-media-box_appmsg ord-pro-list" th:each="list22:${listTwo1.goods}">
              <div class="weui-media-box__hd"><a href="pro_info.html" th:each="listimg2:${list22.images}"><img class="weui-media-box__thumb" th:src="${listimg2.path}" alt=""></a></div>
              <div class="weui-media-box__bd">
                <h1 class="weui-media-box__desc"><a href="pro_info.html" class="ord-pro-link"><span th:text="${list22.goodsName}"></span></a></h1>
                <p class="weui-media-box__desc">规格：<span th:text="${list22.model}"></span></p>
                <div class="clear mg-t-10">
                  <div class="wy-pro-pri fl">¥<em class="num font-15" th:text="${list22.price}"></em></div>
                  <div class="pro-amount fr"><span class="font-13">数量×<em class="name" th:text="${listTwo1.orderNum}"></em></span></div>
                </div>
              </div>
            </div>
          </div>
          <div class="ord-statistics">
            <span>共<em class="num" th:text="${listTwo1.orderNum}"></em>件商品，</span>
            <span class="wy-pro-pri">总金额：¥<em class="num font-15" th:text="${listTwo1.allPrice}"></em></span>
            <span>(含运费<b>￥0.00</b>)</span>
          </div>
          <div class="weui-panel__ft">
            <div class="weui-cell weui-cell_access weui-cell_link oder-opt-btnbox">
              商品正在打包中，请您耐心等待....
            </div>    
          </div>
        </div>
      </div>
           <div id="tab4" class="weui-tab__bd-item">
           <div class="weui-panel weui-panel_access" th:each="listThree1:${listThree}">
               <div class="weui-panel__hd"><span th:text="${listThree1.orderId}"></span><span class="ord-status-txt-ts fr" th:text="${listThree1.orderState}"></span></div>
               <div class="weui-media-box__bd  pd-10">
                   <div class="weui-media-box_appmsg ord-pro-list" th:each="list33:${listThree1.goods}">
                       <div class="weui-media-box__hd"><a href="pro_info.html" th:each="listimg3:${list33.images}"><img class="weui-media-box__thumb" th:src="${listimg3.path}" alt=""></a></div>
                       <div class="weui-media-box__bd">
                           <h1 class="weui-media-box__desc"><a href="pro_info.html" class="ord-pro-link"><span th:text="${list33.goodsName}"></span></a></h1>
                           <p class="weui-media-box__desc">规格：<span th:text="${list33.model}"></span></p>
                           <div class="clear mg-t-10">
                               <div class="wy-pro-pri fl">¥<em class="num font-15" th:text="${list33.price}">296.00</em></div>
                               <div class="pro-amount fr"><span class="font-13">数量×<em class="name" th:text="${listThree1.orderNum}"></em></span></div>
                           </div>
                       </div>
                   </div>
               </div>
               <div class="ord-statistics">
                   <span>共<em class="num" th:text="${listThree1.orderNum}"></em>件商品，</span>
                   <span class="wy-pro-pri">总金额：¥<em class="num font-15" th:text="${listThree1.allPrice}"></em></span>
                   <span>(含运费<b>￥0.00</b>)</span>
               </div>
               <div class="weui-panel__ft">
                   <div class="weui-cell weui-cell_access weui-cell_link oder-opt-btnbox">
                       <a th:href="@{/changeOne.htm(orderId=${listOne1.orderId})}" class="ords-btn-com receipt">确认收货</a>
                   </div>
               </div>
           </div>
       </div>
           <div id="tab5" class="weui-tab__bd-item">
           <div class="weui-panel weui-panel_access" th:each="listFour1:${listFour}">
               <div class="weui-panel__hd"><span th:text="${listFour1.orderId}"></span><span class="ord-status-txt-ts fr" th:text="${listFour1.orderState}"></span></div>
               <div class="weui-media-box__bd  pd-10">
                   <div class="weui-media-box_appmsg ord-pro-list" th:each="list44:${listFour1.goods}">
                       <div class="weui-media-box__hd"><a href="pro_info.html" th:each="listimg4:${list44.images}"><img class="weui-media-box__thumb" th:src="${listimg4.path}" alt=""></a></div>
                       <div class="weui-media-box__bd">
                           <h1 class="weui-media-box__desc"><a href="pro_info.html" class="ord-pro-link"><span th:text="${list44.goodsName}"></span></a></h1>
                           <p class="weui-media-box__desc">规格：<span th:text="${list44.model}"></span></p>
                           <div class="clear mg-t-10">
                               <div class="wy-pro-pri fl">¥<em class="num font-15" th:text="${list44.price}"></em></div>
                               <div class="pro-amount fr"><span class="font-13">数量×<em class="name" th:text="${listFour1.orderNum}"></em></span></div>
                           </div>
                       </div>
                   </div>
               </div>
               <div class="ord-statistics">
                   <span>共<em class="num" th:text="${listFour1.orderNum}"></em>件商品，</span>
                   <span class="wy-pro-pri">总金额：¥<em class="num font-15" th:text="${listFour1.allPrice}"></em></span>
                   <span>(含运费<b>￥0.00</b>)</span>
               </div>
               <div class="weui-panel__ft">
                   <div class="weui-cell weui-cell_access weui-cell_link oder-opt-btnbox">
                       <a th:href="@{/evaleateF.htm(id=${listFour1.id})}"class="ords-btn-com">去评价</a>
                   </div>
               </div>
           </div>
       </div>
       </div>
 </div>


 <script src="lib/jquery-2.1.4.js"></script>
 <script src="lib/fastclick.js"></script>
 <script>
     $(function() {
         FastClick.attach(document.body);
     });
     function back() {
         window.location.href=document.referrer;
     }
 </script>
 <script src="js/jquery-weui.js"></script>
 <script>
//     $(document).on("click", ".ords-btn-dele", function() {
//         $.confirm("您确定要删除此订单吗?", "确认删除?", function() {
//             $.toast("订单已经删除!");
//         }, function() {
//             //取消操作
//         });
//     });
//     $(document).on("click", ".receipt", function() {
//         $.alert("五星好评送蓝豆哦，赶快去评价吧！", "收货完成！");
//     });

 </script>
</body>
</html>
